<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1>跳转到当前页面进行回显数据</h1>
    <form id="upd_form">
        <!--    readonly只读属性,不可修改    -->
        水果ID：<input class="fruitId" name="fruitId" readonly><br>
        水果名称：<input type="text" class="fruitName" name="fruitName"><br>
        水果价格：<input type="text" class="fruitPrice" name="fruitPrice"><br>
        水果产地：<input type="text" class="fruitArea" name="fruitArea"><br>
        水果颜色：<input type="text" class="fruitColor" name="fruitColor"><br>
        水果时间：<input type="date" class="fruitDate" name="fruitDate"><br>
        <button id="upd_btn2" type="button">保存修改</button>
        <button><a href="fruit_list.html">返回主页面</a></button>
    </form>

    <script src="style/jquery-3.3.1.js"></script>
    <script>
        let fruit = JSON.parse(localStorage.fruit);//把json字符串转为json对象（并取出本地存储的key值）
        //获取页面元素并赋值
        $(".fruitId").val(fruit.fruitId);
        $(".fruitName").val(fruit.fruitName);
        $(".fruitPrice").val(fruit.fruitPrice);
        $(".fruitArea").val(fruit.fruitArea);
        $(".fruitColor").val(fruit.fruitColor);
        $(".fruitDate").val(fruit.fruitDate);
        //修改
        $("#upd_btn2").click(function (){
            $.ajax({
                type:"post",
                url:"Fruit/updFruit",
                data:$("#upd_form").serialize(),
                dataType:"json",
                success:function (data){
                    if(data==1){
                        alert("修改成功");
                    }

                }
            })
        })
    </script>
</body>
</html>